<div class="box-header">
    <span class="leicon-48 leicon-48-i2"></span>
    <h3>
        <a href="category.php#cat" class="link grayColor grayHover">KHÓA HỌC</a>
    </h3>
</div>
<div class="clearfix"></div>

<div class="blockHeight5"></div>
<img class="img-responsive" src="images/line-2.png" />

<div class="box-content">
    <h4>
        <a href="javascript:void()" class="link blueColor blueHover">Ánh trăng xanh yêu thương 2013</a>
    </h4>
    <p class="date lightGrayColor">09g23, 17/06/2013</p>
    <img src="images/samples/300_188/08.jpg" class="have-float" />
    <p class="summary darkGrayColor">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </p>
    <ul class="ulNone ulMargin_5">
        <li>
            <span class="bullet bullet-2"></span>
            <a href="javascript:void(0)" class="link grayColor grayHover">Duis aute irure dolor in reprehenderit</a>
        </li>
        <li>
            <span class="bullet bullet-2"></span>
            <a href="javascript:void(0)" class="link grayColor grayHover">Excepteur sint occaecat cupidatat non proident</a>
        </li>
        <li>
            <span class="bullet bullet-2"></span>
            <a href="javascript:void(0)" class="link grayColor grayHover">Sunt in culpa qui officia deserunt mollit anim ideqcaee</a>
        </li>
        <li>
            <span class="bullet bullet-2"></span>
            <a href="javascript:void(0)" class="link grayColor grayHover">Duis aute irure dolor in reprehenderit</a>
        </li>
    </ul>
</div>